<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="referrer" content="never">
    <meta name="renderer" content="webkit">
    <meta
            content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
            name="viewport">
    <title>弹幕姬-主页</title>
    <link rel="apple-touch-icon-precomposed"
          href="../../img/headlogo.png" th:href="@{/img/favicon.png}">
    <link rel="shortcut icon" href="../../img/headlogo.png"
          th:href="@{/img/favicon.png}">
    <link rel="stylesheet" href="../../css/bootstrap.min.css"
          th:href="@{/css/bootstrap.min.css}" type="text/css" media="all">
    <link rel="stylesheet" href="../../css/style.css"
          th:href="@{/css/style.css}" type="text/css" media="all">
    <script type="text/javascript" src="../../js/jquery.min.js"
            th:src="@{/js/jquery.min.js}"></script>
    <script type="text/javascript" src="../../js/popper.min.js"
            th:src="@{/js/popper.min.js}"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"
            th:src="@{/js/bootstrap.min.js}"></script>
    <script type="text/javascript" src="../../js/index.js"
            th:src="@{/js/index.js}"></script>
</head>

<body>
<div class="app">
    <div
            class="row align-items-center justify-content-center center-wrapper">
        <div class="col-md-9 m-3">
            <div class="card border-primary">
                <div class="card-header">
                    <h2>
                        <span>弹幕姬web控制面板</span><span class="connect-title"><a
                            th:href="@{/connect}">房间连接</a>&nbsp;&nbsp;&nbsp;<a th:href="@{/cookie_set}">自定义cookie</a></span>
                    </h2>
                </div>
                <div class="card-body">
                    <div class="input-group mb-3">
							<span class="unlogin" th:if="!(${USER}?exists)">你还没有登陆，<a
                                    th:href="@{/login}">去登陆</a>
							</span><span class="logined" th:if="${USER}?exists">用户名：<a
                            th:text="${USER.uname}" class="user-name" th:href="@{'https://space.bilibili.com/'+${USER.uid}}"></a>，uid：<span
                            th:text="${USER.uid}" class="user-id"></span>；<a
                            th:href="@{/quit}">退出登录</a>
							</span>&nbsp;&nbsp; <span class="room-data" th:if="${ROOMID}!=null">已连接至主播房间：<span
                            th:text="${ROOMID}" class="room-id"></span>，<span><a
                            th:href="@{'https://live.bilibili.com/'+${ROOMID}}"
                            th:text="${ANAME}" class="ar-name"></a></span>，人气值：<span
                            th:text="${POPU}" class="popu"></span><span th:if="${MANAGER}" class="room-manager">，<a
                            href="javascript:void(0)">房间管理</a></span></span>
                        <span class="room-data"
                              th:if="${ROOMID}==null">未连接到任何房间</span>
                    </div>
                    <div class="input-group mb-3">
                        <button href="#danmuw" class="btn btn-secondary" id="danmu_open"
                                data-bs-toggle="collapse" data-bs-target="#danmuw" aria-expanded="false"
                                aria-controls="danmuw">显示控制台弹幕
                        </button>
                        <div id="danmuw" class="collapse multi-collapse">
                            <div class="input-group mb-3" style="margin-top: 15px;">
                                <div class="form-group connect-set" style="padding-right: 5px;">
                                    <input class="form-control connect-docket"
                                           placeholder="要连接的端口地址" data-bs-toggle="tooltip"
                                           data-bs-placement="top" data-bs-html="true"
                                           value="ws://localhost:23333/danmu/sub"
                                           title="连接网页显示弹幕服务器：通常本地为127.0.0.1或localhost<br/>远程服务器请以远程服务器ip替换">

                                </div>
                                <div class="form-group connect-button">
                                    <button type="button" class="btn btn-primary btn-connect-d">连接</button>
                                </div>

                            </div>
                            <div id="danmu">
                                <!-- <div class="danmu-child" uid="0">
                                    <span class="danmu-type">弹幕</span><span class="danmu-time">17:02:46</span><span
                                        class="danmu-medal">九头蛇 2</span><span class="danmu-guard">舰</span><span
                                        class="danmu-vip">爷</span><span class="danmu-manager">管</span><span
                                        class="danmu-ul">UL19</span><a href="javasript:void(0)"><span
                                        class="danmu-name name-guard">名字</span>:</a><span
                                        class="danmu-text">哈哈哈哈</span>
                                        <div class="danmu-tips">
                                        <ul class="danmu-tips-ul">
                                        <li class="danmu-tips-li">禁言</li>
                                        <li class="danmu-tips-li">查看</li>
                                        <li class="danmu-tips-li">关闭</li>
                                        </ul>
                                        </div>
                                </div>
                                <div class="danmu-child" uid="0">
                                    <span class="danmu-type">礼物</span><span class="danmu-time">17:02:46</span><a
                                        href="javasript:void(0)"><span
                                        class="danmu-name name-guard">名字</span></a><span
                                        class="danmu-text">赠送了 辣条 x 10</span>
                                </div>
                                <div class="danmu-child" uid="0">
                                    <span class="danmu-type">消息</span><span class="danmu-time">17:02:46</span><a
                                        href="javasript:void(0)"><span
                                        class="danmu-name name-guard">名字</span></a><span
                                        class="danmu-text">已被禁言</span>
                                </div>
                                <div class="danmu-child" uid="0">
                                    <span class="danmu-type">消息</span><span class="danmu-time">17:02:46</span>
                                    <span class="danmu-text">欢迎</span><a href="javasript:void(0)"><span
                                        class="danmu-name name-guard">名字</span></a><span
                                        class="danmu-text">进入直播间</span>
                                </div>
                                <div class="danmu-child" uid="0">
                                    <span class="danmu-type">留言</span><span class="danmu-time">17:02:46</span>
                                    <a href="javasript:void(0)"><span
                                        class="danmu-name name-guard">名字</span></a><span
                                        class="danmu-text">留言了30秒说:我昨天才进入直播见哈哈哈进入直播间</span>
                                </div> -->
                                <!-- 					<div class="danmu-child">2020-06-18 17:48:59:收到弹幕:九烟慕夏
                                    它说:那个框是对面拉比克偷的</div> -->
                            </div>
                        </div>
                    </div>
                    <div class="input-group mb-3">
                        <button href="#enter_chessroom" class="btn btn-secondary" id="enter_chessroom"
                                data-bs-toggle="collapse" data-bs-target="#enter_chessroom" aria-expanded="false"
                                aria-controls="enter_chessroom" style="width:100%"
                                onclick="enterChessroom()">进入象棋对局
                        </button>
                    </div>
                    <div class="input-group mb-3">
                        <button href="#set" class="btn btn-secondary" id="set_open"
                                data-bs-toggle="collapse" data-bs-target="#set" aria-expanded="false"
                                aria-controls="set">设置
                        </button>
                    </div>
                    <div id="set" class="collapse multi-collapse">
                        <div class="input-group mb-1">
                            <h4>显示设置</h4>
                        </div>
                        <div class="row input-group mb-3 common-set">
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_autoStart"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top" data-bs-html="true"
                                        title="是否开启下次自动连接上次连接的房间，<span class='red-font'>开启该设置下次启动弹幕姬将会自动连接最后一次连接的房间</span>">自动</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input win_auto_openSet"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top" data-bs-html="true"
                                        title="window系统下是否开启自动打开配置页面，<span class='red-font'>开启该设置下次启动弹幕姬将会自动使用系统默认浏览器打开配置页面</span>">window</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_cmd"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top" data-bs-html="true"
                                        title="cmd窗口是否显示弹幕">cmd</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_barrage_guard"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top" title="弹幕是否显示舰长图标">舰</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_barrage_vip"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top" title="弹幕是否显示老爷图标">爷</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_barrage_manager">
                                    <span
                                            class="_description" data-bs-toggle="tooltip"
                                            data-bs-placement="top"
                                            title="弹幕是否显示房管主播图标">管</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_barrage_medal"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top" title="弹幕是否显示勋章图标">勋</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_barrage_ul"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="弹幕是否显示用户UL等级图标">UL</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_block"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="弹幕是否显示房管禁言消息">禁言</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_gift"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top" title="弹幕是否显示礼物消息">礼物</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_welcome"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="弹幕是否显示欢迎老爷舰长进入直播间消息">欢迎</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_welcome_all"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="弹幕是否显示用户进入直播间消息">进入</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_follow"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top" title="弹幕是否显示关注消息">关注</span>
                                </label>
                            </div>
                            <div class="col-auto">
                                <label class="form-check-label"> <input type="checkbox"
                                                                        class="form-check-input is_log"> <span
                                        class="_description" data-bs-toggle="tooltip"
                                        data-bs-placement="top" data-bs-html="true"
                                        title="弹幕是否保存本地<br/>本地弹幕文件夹位置：<br/>本项目根目录下Danmuji_log文件夹">本地</span>
                                </label>
                            </div>
                        </div>
                        <div class="input-group mb-1">
                            <h5>广告姬设置(需要登录)</h5>
                        </div>
                        <div class="input-group mb-3 advert-set">
                            <div class="header-set">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input advert_is_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" title="是否打开">开关</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label col-form-label"> <input
                                                type="checkbox" class="form-check-input advert_is_live_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" title="仅在直播中有效">直播</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <select class="form-select form-select-sm advert_status"
                                                data-bs-toggle="tooltip" data-bs-placement="top"
                                                data-bs-html="true"
                                                title="选择发送条件<br/>①:顺序是按你输入的顺序自上到下循环发送<br/>②:随机就是随机发送其中一条">
                                            <option value="1" selected="selected">顺序</option>
                                            <option value="2">随机</option>
                                        </select>
                                    </div>
                                    <div
                                            class="col-auto small-input-wrap">
                                        <input type="number" min="1" class="small-input advert_time"
                                               οninput="if(value.length>5)value=value.slice(0,5)"
                                               style="ime-mode: Disabled"
                                               onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
                                               placeholder="time(s)" data-bs-toggle="tooltip"
                                               data-bs-placement="top" title="多少秒发送一次"
                                               value="1">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group footer-set">
									<textarea class="form-control advert_adverts"
                                              placeholder="多条语句下请以回车为分割每条语句" data-bs-toggle="tooltip"
                                              data-bs-placement="top" data-bs-html="true"
                                              title="多条语句时候注意以回车为分割每条语句<br/>注意每条语句不要超出自己能发送的弹幕长度<br/>超出长度弹幕姬会自动分段发送"></textarea>
                            </div>
                        </div>

                        <div class="input-group mb-1">
                            <h5>感谢礼物姬设置(需要登录)</h5>
                        </div>
                        <div class="input-group mb-3 thankGift-set">
                            <div class="header-set">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input thankgift_is_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" title="是否打开">开关</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox"
                                                class="form-check-input thankgift_is_live_open"> <span
                                                class="_description" data-bs-toggle="tooltip"
                                                data-bs-placement="top" title="仅在直播中有效">直播</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox"
                                                class="form-check-input thankgift_is_tx_shield"> <span
                                                class="_description" data-bs-toggle="tooltip"
                                                data-bs-placement="top"
                                                title="是否屏蔽天选时刻赠送的礼物">屏蔽天选</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input thankgift_is_num">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" data-bs-html="true"
                                                  title="是否显示礼物数量，默认为显示<br/><span class='red-font'>仅在单人多种和多人多种模式下使用，单人单种如果要屏蔽礼物数量请去除%Num参数%</span>">显示礼物数量</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <select class="custom-select-sm thankgift_shield_status"
                                                data-bs-toggle="tooltip" data-bs-placement="top" data-bs-html="true"

                                                title="屏蔽：<br/>①:自定义为(根据礼物名字屏蔽，空为不屏蔽)；<br/>②:免费为屏蔽所有免费礼物(不要钱的)<br/>③:低价为目前默认屏蔽单价低于礼花的电池礼物；<br/>④:规则为自定义规则；">
                                            <option value="1" selected>自定义</option>
                                            <option value="2">免费</option>
                                            <option value="3">低价</option>
                                            <option value="4">规则</option>
                                        </select>
                                    </div>
                                    <div class="col-auto">
                                        <select class="custom-select-sm thankgift_thank_status"
                                                data-bs-toggle="tooltip" data-bs-placement="top" data-bs-html="true"
                                                id="thankgift_thank_status"
                                                title="感谢礼物模式<br/><span class='red-font'>切换模式注意修改参数!</span><br/>①:单人单种就是一个人对应一种礼物感谢<br/>②:单人多种是合并感谢一个人延迟时间内赠送的多少种礼物(可修改)，默认合并2种<br/>③:多人多种就是延迟时间内合并多少个人(可修改)他们的多少种礼物(可修改)，默认合并2个人他们的2种<br/><span class='red-font'>切换模式注意修改参数!</span>">
                                            <option value="1" selected>单人单种</option>
                                            <option value="2">单人多种</option>
                                            <option value="3">多人多种</option>
                                        </select>
                                    </div>
                                    <div
                                            class="col-auto small-input-wrap">
                                        <input type="number" min="2" class="small-input thankgift_num"
                                               οninput="if(value.length>5)value=value.slice(0,5)"
                                               style="ime-mode: Disabled"
                                               onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
                                               placeholder="多少种" data-bs-toggle="tooltip" data-bs-placement="top"
                                               data-bs-html="true"
                                               title="每次感谢同一个人最多可以多少种礼物或每次感谢多少个人与礼物<br/><span class='red-font'>仅在单人多种和多人多种模式下使用</span>"
                                               value="2">
                                    </div>
                                    <div
                                            class="col-auto small-input-wrap">
                                        <input type="number" min="0"
                                               class="small-input thankgift_delaytime"
                                               placeholder="delay time(s)" data-bs-toggle="tooltip"
                                               data-bs-placement="top" data-bs-html="true"
                                               title="延迟多少秒发送<br/>最小值为0,默认为3,可以小数点,例如3.5<br/><span class='red-font'>PS:可统计延时内赠送的礼物[包括礼物数量]合并感谢,一旦延时内有新礼物或数量变动就会重新刷新延时</span>"
                                               value="0">
                                    </div>
                                    <div class="col-auto">
                                        <button class="btn btn-primary btn-sm" id="gift-shield-btn">礼物自定义规则屏蔽设置</button>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group footer-set">
									<textarea class="form-control input-margin-b thankgift_shield"
                                              placeholder="自定义屏蔽礼物名字，以 中文逗号(，)为分割；示例：&#10;辣条，亿圆，友谊的小船&#10;注意：为空那时候是什么都不屏蔽，仅在自定义模式下有用"
                                              data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="top"
                                              title="这里填写自定义屏蔽礼物名字，以 中文逗号(，)为分割；示例：<br/>辣条，亿圆，友谊的小船<br/><span class='red-font'>注意：为空那时候是什么都不屏蔽，仅在自定义模式下有用</span>"
                                    ></textarea>
                                <textarea class="form-control input-margin-b thankgift_thank"
                                          id="thankgift_thank"
                                          placeholder="感謝 %uName%%Type%的%GiftName% x%Num%~"
                                          data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="top"
                                          title="模式:单人单种<br/>多条语句时候注意以回车为分割每条语句,多条语句会随机发送其中一条<br/>感谢语，可选参数<br/> <span class='red-font'>%uName%</span>送礼人名称<br/><span class='red-font'>%Type%</span>赠送类型<br/><span class='red-font'>%GiftName%</span>礼物名称<br/><span class='red-font'>%Num%</span>礼物数量"></textarea>
                                <!-- 					<input
                                    class="form-control one_people input-margin-b thankgift_thank"
                                    placeholder="感謝 %uName%%Type%的%GiftName% x%Num%~"
                                    data-bs-toggle="tooltip" data-bs-placement="top" 
                                    data-bs-html="true"
                                    title="感谢语，单人单种，可选参数<br/> %uName%送礼人名称<br/>%Type%赠送类型<br/>%GiftName%礼物名称<br/>%Num%礼物数量"> -->
                                <!-- <input class="form-control some_people input-margin-b thankgift_thank" placeholder="感謝%uName%贈送的%Gifts%~" data-bs-toggle="tooltip"
                                        data-bs-placement="top"  data-bs-html="true" title="感谢语，单人多种，可选参数<br/> %uName%送礼人名称<br/>%Gifts%礼物和数量的集合以逗号隔开">
                                 <input class="form-control somes_people input-margin-b thankgift_thank" placeholder="感謝%uNames%贈送的%Gifts%~" data-bs-toggle="tooltip"
                                        data-bs-placement="top"  data-bs-html="true" title="感谢语，多人多种，可选参数<br/> %uNames%送礼人名称集合<br/>%Gifts%礼物和数量的集合以逗号隔开"> -->

                            </div>
                            <h6 data-bs-toggle="tooltip" data-bs-placement="top"
                                data-bs-html="true"
                                title="上舰私信姬<br/>1.0.6后独立于礼物感谢姬<br/>既不受感谢姬开关影响<br/><span class='red-font'>现在某些破站up主有破站官方的私聊，请开启前询问自己的up主有没有开启这个功能</span>">
                                上舰私信姬<span class="red-font">(开启前请指这里看必要解释)</span>
                            </h6>
                            <div class="header-set">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <label class="form-check-label is_guard_report_click">
                                            <input type="checkbox"
                                                   class="form-check-input thankgift_is_guard_local"> <span
                                                class="_description" data-bs-toggle="tooltip"
                                                data-bs-placement="top" data-bs-html="true"
                                                title="是否开启舰长储存在本地<br/>如在开启上舰私信的情况下：不开启既为有人上舰都私信<br/>主要用于防止重复发送私信<br/>本地文件夹guardFile下<br/><span class='red-font'>注意变动该配置都需要重启弹幕姬</span>">舰长存储本地</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label is_guard_report_click">
                                            <input type="checkbox"
                                                   class="form-check-input thankgift_is_guard_report"> <span
                                                class="_description" data-bs-toggle="tooltip"
                                                data-bs-placement="top"
                                                title="是否开启上舰后发送私信">上舰长私信(需要登录)</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label is_guard_code_click">
                                            <input type="checkbox"
                                                   class="form-check-input thankgift_is_gift_code"> <span
                                                class="_description" data-bs-toggle="tooltip"
                                                data-bs-placement="top"
                                                title="是否开启礼品码模式,需要开启上舰私信">礼品码</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group footer-set">
									<textarea class="form-control input-margin-b thankgift_report"
                                              placeholder="回车为换行，不能超过破站官方规定的500字&#10;可选参数%uName%，刚刚上舰的人的名称&#10;可选参数%giftCode%，礼品码"
                                              data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="top"

                                              title="回车为换行，不能超过破站官方规定的500字<br/>可选参数<span class='red-font'>%uName%</span>，刚刚上舰的人的名称<br/>可选参数<span class='red-font'>%giftCode%</span>，礼品码"></textarea>
                                <input
                                        class="form-control input-margin-b thankgift_barrageReport"
                                        placeholder="" data-bs-toggle="tooltip" data-bs-placement="top"
                                        data-bs-html="true"
                                        title="上舰私信发送成功后，发送的自定义弹幕，默认空不发送">
                                <textarea class="form-control input-margin-b thankgift_codeStrings"
                                          placeholder="礼品码区域，多个礼品码以回车为分割礼品码，礼品码发送会自动删除，请做好备份"
                                          data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="top"

                                          title="礼品码区域，多个礼品码以回车为分割礼品码，礼品码发送会自动删除，请做好备份"></textarea>
                            </div>
                        </div>
                        <div class="input-group mb-1">
                            <h5>感谢关注姬设置(需要登录)</h5>
                        </div>
                        <div class="input-group mb-3 thankFollow-set">
                            <div class="header-set">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input follow_is_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" title="是否打开">开关</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input follow_is_live_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" title="仅在直播中有效">直播</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input follow_tx_shield">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top"
                                                  title="是否屏蔽天选状态下的关注">天选</span>
                                        </label>
                                    </div>
                                    <div
                                            class="col-auto small-input-wrap">
                                        <input type="number" min="1" class="small-input follow_num"
                                               οninput="if(value.length>5)value=value.slice(0,5)"
                                               style="ime-mode: Disabled"
                                               onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
                                               placeholder="多少人" data-bs-toggle="tooltip" data-bs-placement="top"
                                               data-bs-html="true" title="每次感谢多少个人"
                                               value="1">
                                    </div>
                                    <div
                                            class="col-auto small-input-wrap">
                                        <input type="number" min="0"
                                               class="small-input thankfollow_delaytime"
                                               placeholder="delay time(s)" data-bs-toggle="tooltip"
                                               data-bs-placement="top" data-bs-html="true"
                                               title="延迟多少秒发送 <br/>最小值为0<br/><span class='red-font'>PS:可统计延时内的关注,一旦延时内有新关注就会重新刷新延时，推荐在多人感谢下使用</span>"
                                               value="0">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group footer-set">
                                <!-- 									<input class="form-control follow_follows"
                                    placeholder="谢谢 %uNames% 的关注~" data-bs-toggle="tooltip"
                                    data-bs-placement="top"  data-bs-html="true"
                                    title="感谢语，可选参数<br/> %uNames%关注人名称集合"> -->
                                <textarea class="form-control input-margin-b follow_follows"
                                          placeholder="谢谢 %uNames% 的关注~" data-bs-toggle="tooltip"
                                          data-bs-html="true" data-bs-placement="top"
                                          title="多条语句时候注意以回车为分割每条语句,多条语句会随机发送其中一条<br/>感谢语，可选参数<br/> <span class='red-font'>%uNames%</span>关注人名称集合"></textarea>
                            </div>
                        </div>
                        <!--  -->
                        <div class="input-group mb-1">
                            <h5>欢迎姬设置(需要登录)</h5>
                        </div>
                        <div class="input-group mb-3 thankFollow-set">
                            <div class="header-set">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input welcome_is_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" title="是否打开">开关</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input welcome_is_live_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" title="仅在直播中有效">直播</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input welcome_tx_shield">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top"
                                                  title="是否屏蔽天选状态下的欢迎">天选</span>
                                        </label>
                                    </div>
                                    <div
                                            class="col-auto small-input-wrap">
                                        <input type="number" min="1" class="small-input welcome_num"
                                               οninput="if(value.length>5)value=value.slice(0,5)"
                                               style="ime-mode: Disabled"
                                               onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
                                               placeholder="多少人" data-bs-toggle="tooltip" data-bs-placement="top"
                                               data-bs-html="true" title="每次欢迎多少个人"
                                               value="1">
                                    </div>
                                    <div
                                            class="col-auto small-input-wrap">
                                        <input type="number" min="0"
                                               class="small-input thankwelcome_delaytime"
                                               placeholder="delay time(s)" data-bs-toggle="tooltip"
                                               data-bs-placement="top" data-bs-html="true"
                                               title="延迟多少秒发送 <br/>最小值为0<br/><span class='red-font'>PS:可统计延时内的关注,一旦延时内有新关注就会重新刷新延时，推荐在多人感谢下使用</span>"
                                               value="0">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group footer-set">
                                <!-- 									<input class="form-control follow_follows"
                                    placeholder="谢谢 %uNames% 的关注~" data-bs-toggle="tooltip"
                                    data-bs-placement="top"  data-bs-html="true"
                                    title="感谢语，可选参数<br/> %uNames%关注人名称集合"> -->
                                <textarea class="form-control input-margin-b welcome_welcomes"
                                          placeholder="欢迎 %uNames% 进入直播间~" data-bs-toggle="tooltip"
                                          data-bs-html="true" data-bs-placement="top"
                                          title="多条语句时候注意以回车为分割每条语句,多条语句会随机发送其中一条<br/>感谢语，可选参数<br/> <span class='red-font'>%uNames%</span>欢迎人名称集合"></textarea>
                            </div>
                        </div>
                        <!--  -->
                        <div class="input-group mb-1">
                            <h5>自动回复姬设置(需要登录)</h5>
                        </div>
                        <div class="input-group mb-3 autoReply-set">
                            <div class="header-set">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input replys_is_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" data-bs-html="true"
                                                  title="是否打开">开关</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input replys_is_live_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" data-bs-html="true"
                                                  title="仅在直播中有效">直播</span>
                                        </label>
                                    </div>
                                    <div
                                            class="col-auto small-input-wrap">
                                        <input type="number" min="1" class="small-input replys_time"
                                               οninput="if(value.length>5)value=value.slice(0,5)"
                                               style="ime-mode: Disabled"
                                               onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
                                               placeholder="间隔" data-bs-toggle="tooltip" data-bs-placement="top"
                                               data-bs-html="true"
                                               title="<span class='red-font'>间隔多少秒才识别弹幕并自动回复</span><br/>默认为3秒"
                                               value="3">
                                    </div>
                                    <div class="col-auto">
                                        <button class="btn btn-primary btn-sm" id="replys-btn">自定义回复设置</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- -->
                        <div class="input-group mb-1">
                            <h5>礼物自动赠送姬设置(需要登录)</h5>
                        </div>
                        <div class="input-group mb-3 autoGift-set">
                            <div class="header-set">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input is_autoGift_open">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" data-bs-html="true"
                                                  title="是否打开礼物自动赠送">开关</span>
                                        </label>
                                    </div>
                                    <div class="col-auto">
                                        <input class="big-input autoGift_time" type="time" pattern="[0-9]{2}:[0-9]{2}"
                                               data-bs-toggle="tooltip"
                                               data-bs-placement="top" data-bs-html="true"
                                               title="每天自动赠送礼物的时间(默认：晚上11：45)">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group footer-set">
                                <input
                                        class="form-control input-margin-b autoGift_roomids"
                                        placeholder="要赠送礼物的房间号集" data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        data-bs-html="true"
                                        title="要赠送礼物的房间号，多房间号以<span class='red-font'>中文逗号(，)</span>隔开(短号长号都可以,尽量使用短号-避免去请求)">
                            </div>
                        </div>



                        <!-- -->
                        <div class="input-group mb-1">
                            <h5>弹幕姬登录设置</h5>
                        </div>
                        <div class="input-group mb-3 managerLogin-set">
                            <div class="header-set">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <label class="form-check-label"> <input
                                                type="checkbox" class="form-check-input is_manager_login">
                                            <span class="_description" data-bs-toggle="tooltip"
                                                  data-bs-placement="top" data-bs-html="true"
                                                  title="是否打开弹幕姬登录,<span class='red-font'>开启关闭都需要重启弹幕姬予以生效</span>">开关</span>
                                        </label>
                                    </div>
                                    <div
                                            class="col-auto small-input-wrap">
                                        <input type="number" min="1" class="small-input manager_maxSize"
                                               οninput="if(value.length>5)value=value.slice(0,5)"
                                               style="ime-mode: Disabled"
                                               onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
                                               placeholder="最大登陆错误次数" data-bs-toggle="tooltip" data-bs-placement="top"
                                               data-bs-html="true"
                                               title="<span class='red-font'>最大登陆错误次数</span><br/>默认为10次<br/>登录成功后会刷新(包括重启弹幕姬)"
                                               value="10">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group footer-set">
                                <input
                                        class="form-control input-margin-b manager_key"
                                        placeholder="登录时候需要输入的暗号" data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        data-bs-html="true"
                                        title="暗号本体(初始为123)；注:使用md5加密<br/>只要进入设置页面就可以随便改<br/>忘记密码目前唯一方式只能删除弹幕姬配置文件(或者查看弹幕姬日志去解密网站)">
                            </div>
                        </div>



                        <div class="input-group mb-1">
                            <h5>实验性设置</h5>
                        </div>
                        <div class="input-group mb-3 othser-set">
                            <div class="row align-items-center">
                                <div class="col-auto">
                                    <label class="form-check-label"> <input type="checkbox"
                                                                            class="form-check-input is_dosign"> <span
                                            class="_description" data-bs-toggle="tooltip"
                                            data-bs-placement="top" data-bs-html="true"
                                            title="是否自动直播签到，默认每天凌晨0点30分检查签到">自动签到</span>
                                    </label>
                                    <input class="big-input sign_time" type="time" pattern="[0-9]{2}:[0-9]{2}"
                                           data-bs-toggle="tooltip"
                                           data-bs-placement="top" data-bs-html="true"
                                           title="每天自动签到的时间">
                                </div>
                                <div class="col-auto">
                                    <label class="form-check-label"> <input type="checkbox"
                                                                            class="form-check-input is_clockin"> <span
                                            class="_description" data-bs-toggle="tooltip"
                                            data-bs-placement="top" data-bs-html="true"
                                            title="是否自动打卡，默认每天凌晨0点35分自动打卡向现有勋章列表的直播间发送任意自定义弹幕">自动打卡</span>
                                    </label>
                                    <input class="big-input clockin_time" type="time" pattern="[0-9]{2}:[0-9]{2}"
                                           data-bs-toggle="tooltip"
                                           data-bs-placement="top" data-bs-html="true"
                                           title="每天自动签到的时间">
                                </div>
                                <div class="col-auto">
                                    <label class="form-check-label"> <input type="checkbox"
                                                                            class="form-check-input is_online"> <span
                                            class="_description" data-bs-toggle="tooltip"
                                            data-bs-placement="top" data-bs-html="true"
                                            title="是否打开用户在线心跳">在线心跳</span>
                                    </label>
                                </div>
                                <div class="col-auto">
                                    <label class="form-check-label"> <input type="checkbox"
                                                                            class="form-check-input is_sh"> <span
                                            class="_description" data-bs-toggle="tooltip"
                                            data-bs-placement="top" data-bs-html="true"
                                            title="是否打开获取在线小心心，不知道什么时候失效且用且珍惜 PS:<span class='red-font'>此功能需要开启用户在线心跳</span>">小心心</span>
                                    </label>
                                </div>
                                <div class="form-group footer-set footer-header-margin clock_in_barrage">
									<textarea class="form-control input-margin-b clockin_barrage"
                                              placeholder="打卡姬自定义发送弹幕,多条回车" data-bs-toggle="tooltip"
                                              data-bs-html="true" data-bs-placement="top"
                                              title="打卡姬自定义发送弹幕,多条回车,多条语句时候注意以回车为分割每条语句,多条语句会随机发送其中一条"></textarea>
                                </div>
                            </div>
                            <div class="input-group mb-3 set-control" style="display: block">
                                <button type="button" class="btn btn-danger set-hold">保存设置</button>
                                <span class="notice-message">成功</span> <span
                                    class="success-message">成功</span>
                                <div style="float: right;display: block;">
                                    <input type="file" value="上传文件" id="file" style="display: none;"/>
                                    <button type="button" class="btn btn-warning export-set">导出设置</button>
                                    <button type="button" class="btn btn-info import-set">导入设置</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="author-message">
                        B站直播java版弹幕姬 © 2020-2021 <a href="https://space.bilibili.com/17418088"
                                                    target="_blank"> SaKazaKi(坂崎简) </a>|<a
                            href="https://github.com/BanqiJane/Bilibili_Danmuji"
                            target="_blank" data-bs-toggle="tooltip" data-bs-placement="top"

                            title="https://github.com/BanqiJane/Bilibili_Danmuji">
                        GitHub仓库(查看更新) </a>|<a href="mailto:zjianf2014@outlook.com"
                                               data-bs-toggle="tooltip" data-bs-placement="top"
                                               title="zjianf2014@outlook.com(有什么建议或反馈bug)">
                        联系我 </a>| <a href="https://live.bilibili.com/1000" target="_blank"
                                     data-bs-toggle="tooltip" data-bs-placement="top"
                                     title="破站直播间1000(坂本叔)">破站常驻 </a>| <a
                            href="javascript:;" data-bs-toggle="tooltip" id="checkupdate"
                            data-bs-placement="top"
                            th:title="'版本号:'+${EDITION}+'beta'">版本号(检查更新)</a><!-- -->
                    </div>
                </div>
                <!---->
                <!---->
            </div>
        </div>
    </div>
</div>
<div class="shieldgifts-mask" style="display: none;">
    <div class="shieldgifts-wrap">
        <div class="t">
            请自定义需要屏蔽的礼物规则<a href="javascript:;" class="shieldgift_add"
                            id="shieldgift_add"
                            data-bs-toggle="tooltip" data-bs-placement="top"
                            data-bs-html="true" title="新增规则">⊕</a> <i
                class="btn-close"> </i>
        </div>
        <div class="con">
            <table class="table table-bordered table-sm">
                <tbody class="shieldgifts-tbody">
                <tr>
                    <td><input type="checkbox" class="shieldgifts_open"
                               data-bs-toggle="tooltip" data-bs-placement="top"
                               title="是否开启"></td>
                    <td><input class="small-input shieldgifts_name"
                               placeholder="礼物名称" data-bs-toggle="tooltip" data-bs-placement="top"
                               data-bs-html="true" title="礼物名称"></td>
                    <td><select class="custom-select-sm shieldgifts_status"
                                data-bs-toggle="tooltip" data-bs-placement="top"
                                data-bs-html="true" title="选择类型">
                        <option value="1" selected="selected">数量</option>
                        <option value="2">瓜子</option>
                    </select></td>
                    <td><input type="number" min="0"
                               class="small-input shieldgifts_num"
                               οninput="if(value.length>5)value=value.slice(0,5)"
                               style="ime-mode: Disabled"
                               onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
                               placeholder="num" value="0" data-bs-toggle="tooltip"
                               data-bs-placement="top" data-bs-html="true"
                               title="大于多少(不得小于)"></td>
                    <td>
                        <button type="button"
                                class="btn btn-danger btn-sm shieldgift_delete">删除
                        </button>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" class="shieldgifts_open"
                               data-bs-toggle="tooltip" data-bs-placement="top"
                               title="是否开启"></td>
                    <td><input class="small-input shieldgifts_name"
                               placeholder="礼物名称" data-bs-toggle="tooltip" data-bs-placement="top"
                               data-bs-html="true" title="礼物名称"></td>
                    <td><select class="custom-select-sm shieldgift_status"
                                data-bs-toggle="tooltip" data-bs-placement="top"
                                data-bs-html="true" title="选择类型">
                        <option value="1" selected="selected">数量</option>
                        <option value="2">瓜子</option>
                    </select></td>
                    <td><input type="number" min="0"
                               class="small-input shieldgifts_num"
                               οninput="if(value.length>5)value=value.slice(0,5)"
                               style="ime-mode: Disabled"
                               onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
                               placeholder="num" value="0" data-bs-toggle="tooltip"
                               data-bs-placement="top" data-bs-html="true"
                               title="大于多少(不得小于)"></td>
                    <td>
                        <button type="button"
                                class="btn btn-danger btn-sm shieldgift_delete">删除
                        </button>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="replys-mask">
    <div class="replys-wrap">
        <div class="t">
            请自定义弹幕姬自动回复规则<a href="javascript:;" class="replys_add"
                            id="replys_add"
                            data-bs-toggle="tooltip" data-bs-placement="top"
                            data-bs-html="true" title="新增回复规则">⊕</a> <i
                class="btn-closer"> </i>
        </div>
        <div class="con">
            <ul class="replys-ul" id="replys-ul" data-role="listview">

            </ul>
        </div>
    </div>
    <div class="radd-mask">
        <div class="radd-body">
            <div class="t">
                修改当前规则(关闭既为设置完成,别忘了最后保存配置)<i class="btn-closeri"
                                             data-bs-toggle="tooltip" data-bs-placement="top" data-bs-html="true"
                                             title="关闭既为设置完成<br/>别忘了保存配置"> </i>
            </div>
            <div class="con">
                <ul>
                    <li><input type="checkbox" class="reply_open_i"
                               data-bs-toggle="tooltip" data-bs-placement="top"
                               title="是否开启"></li>
                    <li><input type="checkbox" class="reply_oc_i"
                               data-bs-toggle="tooltip" data-bs-placement="top"
                               title="是否精确匹配，仅在只有一个关键字且没有屏蔽词的情况下使用(也可以在 含有 || 号条件下使用)"></li>
                    <li><textarea class="reply_keywords_i" placeholder="关键字"
                                  data-bs-toggle="tooltip" data-bs-placement="top"
                                  data-bs-html="true"
                                  title="关键字既为当弹幕包含所有关键字时才回复；多个关键字时请以中文逗号隔开，<span class='orange-font'>想实现满足条件A或条件B 发送内容C的功能请在关键字中用 || 号分割或者不同关键字(即使在多关键字情况下依旧生效)</span><br/><span class='red-font'>注意不能为空</span>"></textarea>
                    </li>
                    <li><textarea class="reply_shields_i" placeholder="屏蔽词"
                                  data-bs-toggle="tooltip" data-bs-placement="top"
                                  title="屏蔽词既为当弹幕包含有一项或者多项屏蔽词时则不回复；多个屏蔽词时请以中文逗号隔开,为空既为不开启屏蔽词"
                                  data-bs-html="true"></textarea></li>
                    <li><textarea class="reply_rs_i" placeholder="回复语句"
                                  data-bs-toggle="tooltip" data-bs-placement="top"
                                  title="回复语句<br/>1：参数%NAME%以替换提问的人的名字<br/>2：参数%BLOCK%表示该功能为禁言，将被替换为空,参数{{time}}定义被禁言时间,单位为整数小时，在有%BLOCK%参数下才生效，将被替换为空，例如要禁言一小时：<span class='red-font'>%BLOCK%{{1}}</span> ；<span class='red-font'>当只有这两个参数，不会发送回复弹幕，只会执行禁言，这两个参数 最终都会在回复语句中消除</span>，time最大720,最小1<br/>3：参数%FANS%以替换现在连接房间的最新关注数目<br/>4：参数%TIME%以替换当前时间<br/>5：参数%LIVETIME%以替换当前房间直播时间<br/>6：参数%HOT%以替换当前房间人气值<br/>更多参数请看github主页"
                                  data-bs-html="true"></textarea></li>
                    <li>
                        <button type="button"
                                class="btn btn-danger btn-sm reply_delete_i">删除
                        </button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="block-mask" style="display: none;">
    <div class="block-wrap">
        <div class="t">
            禁言窗口 <i class="btn-close-block"></i>
        </div>
        <div class="con">
            <div class="input-group mb-3">
                <div class="form-group block-set">
                    <input class="form-control form-control-sm block-input" type="number" min="1" max="720"
                           placeholder="禁言时间1-720小时" data-bs-toggle="tooltip" data-bs-placement="top"
                           data-bs-html="true" value="">
                </div>
                <div class="form-group block-button">
                    <button type="button" class="btn btn-sm btn-primary btn-block">禁言</button>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="wel-mask" style="display: none;">
    <div class="wel-wrap">
        <div class="t">
            禁言列表窗口 <i class="btn-close-wel"> </i>
        </div>
        <div class="con">
            <div class="input-group mb-3">
                <table class="user-list">
                    <thead>
                    <tr class="list-head">
                        <th width="35%" class="list-head-text list-unit">用户名称</th>
                        <th width="44%" class="list-head-text list-unit">解禁时间</th>
                        <th width="21%" class="list-head-text list-unit">操作</th>
                    </tr>
                    </thead>
                    <tbody class="list-body ps ps--theme_default">
                    <!--                    <tr class="list-row">-->
                    <!--                        <td width="35%" class="list-unit"><p class="user-name-col">火鸡味-大锅巴</p></td>-->
                    <!--                        <td width="44%" class="list-unit">2021-05-17 22:43:39</td>-->
                    <!--                        <td width="21%" class="list-unit pointer no-select"><span>撤销</span>-->
                    <!--                        </td>-->
                    <!--                    </tr>-->
                    </tbody>
                </table>
                <div class="block-btn">
                    <div class="block-btn-body"><a href="javascript:void(0)" class="block-pre-page">上一页</a><span
                            class="block-page">1</span><a href="javascript:void(0)" class="block-next-page">下一页</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="tips-wrap">
    <div class="tips-t"></div>
</div>
<div aria-live="polite" aria-atomic="true" class="position-relative">
    <!-- Position it: -->
    <!-- - `.toast-container` for spacing between toasts -->
    <!-- - `.position-absolute`, `top-0` & `end-0` to position the toasts in the upper right corner -->
    <!-- - `.p-3` to prevent the toasts from sticking to the edge of the container  -->
    <div class="toast-container position-fixed bottom-0 end-0 p-3" style="z-index: 9999;">


        <div class="toast" id="announceEle" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="10000">
            <div class="toast-header">
                <img src="../../img/tips_head.png" th:src="@{/img/tips_head.png}" class="rounded me-2"
                     style="width:20px;height:20px;">
                <strong class="me-auto">最新公告</strong>
                <small class="text-muted">编写:Jane</small><!--先写死.. 反正....-->
                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
            <div class="toast-body" id="announce_content">
            </div>
        </div>
        <!-- Then put toasts within -->
        <div class="toast" id="updateEle" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="7000">
            <div class="toast-header">
                <img src="../../img/tips_head.png" th:src="@{/img/tips_head.png}" class="rounded me-2"
                     style="width:20px;height:20px;">
                <strong class="me-auto">版本更新提示</strong>
                <small class="text-muted" th:text="'当前版本'+${EDITION}"></small>
                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
            <div class="toast-body" id="edition_content" th:text="'最新版本：'+${NEW_EDITION}">
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    function enterChessroom(){
    	let a = $(".connect-docket").val();
        if (a === "" || a === null) {
            window.alert("房间连接url不能为空");
            return;
        }
    	window.open("/chessroom/index.html?wsurl="+a);
    }
    $(function () {
        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
            // this.addEventListener('hide.bs.tooltip', function () {
            //     new bootstrap.Tooltip(tooltipTriggerEl)
            // })
            return new bootstrap.Tooltip(tooltipTriggerEl)
        });
        var toastElList = [].slice.call(document.querySelectorAll('.toast'))
        var toastList = toastElList.map(function (toastEl) {
            return new bootstrap.Toast(toastEl)
        })
        // var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
        // var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        //     return new bootstrap.Tooltip(tooltipTriggerEl)
        // })
        // var myToastEl = document.getElementById('updateEle')
        // var myToast = bootstrap.Toast.getInstance(myToastEl)
        // myToast.show()
        $(document).click(".btn-secondary", function () {
            if ($('#set').hasClass("show")) {

            } else {
                setTimeout(function () {
                    $.each($("textarea"), function (i, n) {
                        if ($(n).hasClass('form-control')) {
                            $(n).css("height", n.scrollHeight + "px");
                        }
                    })
                }, 10)
            }
        });
        //检查公告和版本更新
        let initWebCheck= method.checkWebInit();
        if(!initWebCheck.init_announce){
            let init_announce = method.getAnnounce();
            $("#announce_content").html(init_announce);
            var announceEle = document.getElementById('announceEle')
            var announceToast = bootstrap.Toast.getInstance(announceEle)
            announceToast.show()
        }
        if(!initWebCheck.init_edition){
            $("#checkupdate").click();
        }
    });
</script>
</body>
</html>
